<template>
  <div class="toast" v-show="show">
      <div >{{message}}</div>
  </div>
</template>

<script>
export default {
    name:"Toast",
    props:{
        message:{
            type:String,
            default:''
        },
        show:{
            type:Boolean,
            default:true
        }
    }
}
</script>

<style scoped>
.toast{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 5%;
    border-radius: 50px;
    transform: translate(-50%,-50%);
    background-color: rgb(66, 65, 65);
}
.toast div{
    text-align: center;
    line-height: 250%;
    color: #fff;
}
</style>